@import "public";

#myFinance {
  .mf-banner {
    width: 100%;
    .height(318rem);
    img {
      display: block;
      width: 100%;
      .height(318rem);
    }
  }
  .mf-top {
    .width(600rem);
    .height(60rem);
    background-color: #ffffff;
    .border(2rem, solid, @Cred);
    .marginAuto(20rem, 0);
    .borderRadius(6rem);
    .fontSize(26rem);
    a {
      width: 33.33%;
      float: left;
      .fontSize(28rem);
      text-align: center;
      .lineHeight(58rem);
      color: @Cred;
    }
    a:nth-of-type(2) {
      .borderLeft(2rem, solid, @Cred);
      .borderRight(2rem, solid, @Cred);
    }
    a.active {
      background-color: #fe5b4c;
      color: #ffffff;
    }
  }
  .mf-list {
    //ul li{
    //  width: 100%;
    //  .height(220rem);
    //  .marginTop(14rem);
    //  .padding(20rem,25rem,20rem,25rem);
    //  background-color: #ffffff;
    //  position: relative;
    //  .my-product-name{
    //    width: 100%;
    //    float: left;
    //    .marginBottom(20rem);
    //    span{
    //      .width(110rem);
    //      .height(42rem);
    //      display: block;
    //      background-color: #999999;
    //      color: #ffffff;
    //      text-align: center;
    //      .lineHeight(42rem);
    //      .borderRadius(6rem);
    //      float: left;
    //      .marginRight(20rem)
    //
    //    }
    //    p{
    //      float: left;
    //    }
    //    p:nth-of-type(1){
    //      .fontSize(32rem);
    //      color: #4d4d4d;
    //      .marginRight(48rem);
    //      .marginLeft(36rem);
    //
    //    }
    //    p:nth-of-type(2){
    //      .fontSize(20rem);
    //      color: #999999;
    //      .lineHeight(48rem);
    //
    //    }
    //  }
    //  .my-product-each{
    //    .width(430rem);
    //    float: left;
    //    div{
    //      .padding(0,16rem,0,16rem);
    //    }
    //    div>p:nth-of-type(2){
    //      color: #999999;
    //      .fontSize(24rem);
    //      text-align: center;
    //      .marginTop(10rem);
    //    }
    //    .my-pdt-rich{
    //      p:nth-of-type(1){
    //        .fontSize(22rem);
    //        color: #f9722e;
    //        text-align: center;
    //        span{
    //          .fontSize(46rem);
    //          color: #f9722e;
    //        }
    //      }
    //    }
    //    .my-pdt-money{
    //      .borderLeft(2rem,solid,#dbdbdb);
    //      .borderRight(2rem,solid,#dbdbdb);
    //      p:nth-of-type(1){
    //        .fontSize(22rem);
    //        color: #f9722e;
    //        text-align: center;
    //        span{
    //          .fontSize(46rem);
    //          color: #f9722e;
    //        }
    //      }
    //    }
    //    .my-pdt-date{
    //      p:nth-of-type(1){
    //        .fontSize(22rem);
    //        color: #f9722e;
    //        text-align: center;
    //        span{
    //          .fontSize(46rem);
    //          color: #f9722e;
    //        }
    //      }
    //    }
    //  }
    //  .my-state{
    //      .width(144rem);
    //      float: right;
    //    .mys-btn{
    //      width: 100%;
    //      .see-detail{
    //        width: 100%;
    //        .height(50rem);
    //        .borderRadius(6rem);
    //        background-color: #edbf44;
    //        text-align: center;
    //        .lineHeight(50rem);
    //        color: #ffffff;
    //        .fontSize(24rem);
    //      }
    //      .mys-tips{
    //        color: #f92841;
    //        .marginTop(20rem);
    //        display: block;
    //      }
    //    }
    //    .my-img{
    //      width: 100%;
    //      img{
    //        .width(124rem);
    //        .height(96rem);
    //        display: block;
    //        .marginAuto(0,0);
    //      }
    //    }
    //  }
    //}
    //ul li.biao1{
    //  .padding(20rem,25rem,20rem,40rem)!important;
    //  background: url(../images/has-buy.png) left top no-repeat #ffffff;
    //  .backSize(110rem,110rem);
    //}
    //ul li.biao2{
    //  .padding(20rem,25rem,20rem,40rem)!important;
    //  background: url(../images/has-back.png) left top no-repeat #ffffff;
    //  .backSize(110rem,110rem);
    //}
    ul li {
      .width(600rem);
      .marginAuto(22rem, 0);
      .padding(20rem, 20rem, 20rem, 20rem);
      background-color: #ffffff;
      position: relative;
      h3 {
        .fontSize(34rem);
      }
      .mf-money {
        width: 100%;

        p:nth-of-type(1) {
          .fontSize(36rem);
          color: #d7ac62;
          text-align: center;
          .marginTop(24rem);
          span {
            .fontSize(120rem);
            color: @Cred;
          }
        }
        p:nth-of-type(2) {
          text-align: center;
          color: #b3b3b3;
          .fontSize(24rem);
        }

      }
      .mf-options {
        .marginTop(24rem);
        p {
          color: #b3b3b3;
          .fontSize(26rem);
          span {
            color: #000000;
            .fontSize(38rem);
            .marginLeft(16rem);
          }
        }
      }
      .mf-state {
        .width(124rem);
        .height(96rem);
        position: absolute;
        .top(70rem);
        .right(26rem);
        img{
          .width(124rem);
          .height(96rem);
          display: block;
        }
      }
    }

    .no-data {
      .marginTop(200rem);
      width: 100%;
      text-align: center;
      .fontSize(32rem);
    }
  }

}